<template>
  <div class="contentNei leftTopContent">
    <ul>
      <li>
        <div>
          <p>
            <span>{{obj.equipNum}}</span>台
          </p>
          <p>设备联网数</p>
        </div>
      </li>
      <li>
        <div>
          <p>
            <span>{{obj.onlineNum}}</span>台
          </p>
          <p>在线数量</p>
        </div>
      </li>
      <li>
        <div>
          <p>
            <span>{{obj.offlineNum}}</span>台
          </p>
          <p>离线数量</p>
        </div>
      </li>
      <li>
        <div>
          <p>
            <span>{{obj.oeeRate}}</span>%
          </p>
          <p>OEE</p>
        </div>
      </li>
      <li>
        <div>
          <p>
            <span>{{obj.implementNum}}</span>个
          </p>
          <p>在执行单位</p>
        </div>
      </li>
      <li>
        <div>
          <p>
            <span>{{obj.lossRate}}</span>%
          </p>
          <p>当日耗损率</p>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return {
      obj: {}
    }
  },
  watch: {},
  mounted() {},
  methods: {
    async getSixInfo() {
      const res = await this.$axios.get('/board/internetData/runningReality')
      if (res?.data.code === 200) {
        this.obj = res.data.data
      }
    }
  }
}
</script>
<style lang='scss' scoped>
.leftTopContent {
  ul {
    height: 100%;
    li {
      width: 33.3333%;
      float: left;
      height: 50%;
      padding: 5px;
      div {
        width: 100%;
        height: 100%;
        background: url(../../../../assets/images/kuanKuan.png) no-repeat center;
        background-size: 100% 100%;
        text-align: center;
        padding: 10px 0;
        color: #fff;
        p {
          width: 100%;
          height: 50%;
          margin: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 14px;
          span {
            font-size: 25px;
            color: #00ffff;
            font-weight: bold;
          }
        }
      }
    }
  }
}
</style>
